{% load static %}
<!DOCTYPE HTML>
<!--
	Editorial by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>我的主页</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
		<link rel="shortcut icon" href="{% static '/favicon.ico' %}"/>
		<link rel="stylesheet" href="{% static 'assets/css/main.css' %}" />
		<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
		<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
	</head>
	<body>

		<!-- Wrapper -->
			<div id="wrapper">

				<!-- Main -->
					<div id="main">
						<div class="inner">

							<!-- Header -->
								<header id="header">
									<a href="index.html" class="logo"><strong>Talk is cheap, Show me the code</strong></a>
									<ul class="icons">
										<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
										<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
										<li><a href="#" class="icon fa-snapchat-ghost"><span class="label">Snapchat</span></a></li>
										<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
										<li><a href="#" class="icon fa-medium"><span class="label">Medium</span></a></li>
									</ul>
								</header>

							<!-- Banner -->
								<section id="banner">
									<div class="content">
										<header>
											<h1>Hi, 我是男神<br />
											</h1>
										</header>
										<p>自我介绍什么的太麻烦了.</p>
										<ul class="actions">
											<li><a href="#" class="button big">Learn More</a></li>
										</ul>
									</div>
									<span class="image object">
										<img src="{% static 'images/pic10.jpg' %}" alt="" />
									</span>
								</section>

							<!-- Section -->
								<section>
									<header class="major">
										<h2>我的技能</h2>
									</header>
									<div class="features">
										<article>
											<span class="icon fa-diamond"></span>
											<div class="content">
												<h3>樯橹</h3>
												<p>手速500.</p>
											</div>
										</article>
										<article>
											<span class="icon fa-paper-plane"></span>
											<div class="content">
												<h3>左右互搏</h3>
												<p>左手画圆，右手画方.</p>
											</div>
										</article>
										<article>
											<span class="icon fa-rocket"></span>
											<div class="content">
												<h3>鲁棒性</h3>
												<p>一柱擎天.</p>
											</div>
										</article>
										<article>
											<span class="icon fa-signal"></span>
											<div class="content">
												<h3>急速喷射</h3>
												<p>宛如国足.</p>
											</div>
										</article>
									</div>
								</section>

							<!-- Section -->
								<section>
									<header class="major">
										<h2>这时段的主要内容有</h2>
									</header>
									<div class="posts">
										<article>
											<a href="#" class="image"><img src="{% static 'images/pic01.jpg' %}" alt="" /></a>
											<h3>黄金震荡</h3>
											<p>very震荡.</p>
											<ul class="actions">
												<li><a href="#" class="button">More</a></li>
											</ul>
										</article>
										<article>
											<a href="#" class="image"><img src="{% static 'images/pic02.jpg' %}" alt="" /></a>
											<h3>原油上涨</h3>
											<p>very上涨.</p>
											<ul class="actions">
												<li><a href="#" class="button">More</a></li>
											</ul>
										</article>
										<article>
											<a href="#" class="image"><img src="{% static 'images/pic03.jpg' %}" alt="" /></a>
											<h3>银魂上映</h3>
											<p>银魂上映.</p>
											<ul class="actions">
												<li><a href="#" class="button">More</a></li>
											</ul>
										</article>
										<article>
											<a href="#" class="image"><img src="{% static 'images/pic04.jpg' %}" alt="" /></a>
											<h3>银魂上映</h3>
											<p>银魂上映.</p>
											<ul class="actions">
												<li><a href="#" class="button">More</a></li>
											</ul>
										</article>
									</div>
								</section>

						</div>
					</div>

				<!-- Sidebar -->
					<div id="sidebar">
						<div class="inner">

							<!-- Search -->
								<section id="search" class="alt">
									<form method="post" action="#">
										<input type="text" name="query" id="query" placeholder="Search" />
									</form>
								</section>

							<!-- Menu -->
								<nav id="menu">
									<header class="major">
										<h2>菜单</h2>
									</header>
									<ul>
										<li><a href="index.html">首页</a></li>
										<li><a href="generic.html">主题</a></li>
										<li><a href="elements.html">内容</a></li>
										<li>
											<span class="opener">子列表</span>
											<ul>
												<li><a href="#">呵呵</a></li>
												<li><a href="#">哈哈</a></li>
												<li><a href="#">gogo</a></li>
											</ul>
										</li>
<!-- 										<li><a href="#">Etiam Dolore</a></li>
										<li><a href="#">Adipiscing</a></li>
										<li>
											<span class="opener">Another Submenu</span>
											<ul>
												<li><a href="#">Lorem Dolor</a></li>
												<li><a href="#">Ipsum Adipiscing</a></li>
												<li><a href="#">Tempus Magna</a></li>
												<li><a href="#">Feugiat Veroeros</a></li>
											</ul>
										</li>
										<li><a href="#">Maximus Erat</a></li>
										<li><a href="#">Sapien Mauris</a></li>
										<li><a href="#">Amet Lacinia</a></li> -->
									</ul>
								</nav>

							<!-- Section -->
								<section>
									<header class="major">
										<h2>推荐内容</h2>
									</header>
									<div class="mini-posts">
										<article>
											<a href="#" class="image"><img src="{% static 'images/pic07.jpg' %}" alt="" /></a>
											<p>银魂上映</p>
										</article>
										<article>
											<a href="#" class="image"><img src="{% static 'images/pic08.jpg' %}" alt="" /></a>
											<p>银魂上映</p>
										</article>
										<article>
											<a href="#" class="image"><img src="{% static 'images/pic09.jpg' %}" alt="" /></a>
											<p>银魂上映</p>
										</article>
									</div>
									<ul class="actions">
										<li><a href="#" class="button">更多</a></li>
									</ul>
								</section>

							<!-- Section -->
								<section>
									<header class="major">
										<h2>联系我</h2>
									</header>
									<p>请备注我是男神</p>
									<ul class="contact">
										<li class="fa-envelope-o"><a href="#">chenqipc@163.com</a></li>
										<li class="fa-phone">110</li>
										<li class="fa-home">北京中南海<br />
										邮政编码 100000</li>
									</ul>
								</section>

							<!-- Footer -->
								<footer id="footer">
									<p class="copyright">&copy; Untitled. All rights reserved.</p>
								</footer>

						</div>
					</div>

			</div>

		<!-- Scripts -->
			<script src="{% static 'assets/js/jquery.min.js' %}"></script>
			<script src="{% static 'assets/js/skel.min.js' %}"></script>
			<script src="{% static 'assets/js/util.js' %}"></script>
			<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
			<script src="{% static 'assets/js/main.js' %}"></script>

	</body>
</html>
